/*初始化样式*/
body,h1,h2,h3,h4,h5,h6,ul,li,p,dl,dt,dd,input,table,tr,td{
    padding:0;
    margin: 0;
}
table{
    border-spacing: 0;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
html,body{
    height: 100%;
}
body{
    background-color: rgb(250,250,250);,
}
.music-main{
    width: 100%;
    height: 100%;
    background:-webkit-radial-gradient(rgba(181, 181, 181, 0.99),rgba(250,250,250,1));
}
.music-main .bg{
    width: 100%;
    height: 495px;
    background-image: url("../photos/1349100767337953.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    z-index: -1;
}
.bar{
    position: absolute;
    background-image: url("../images/aap.png");
    background-size: 100%;
    width: 120px;
    height: 175px;
    top:-20px;
    left: 50%;
    margin-left: -250px;
    z-index: 5;
    transform: rotate(-40deg);
    transform-origin: 22px 22px;
    transition: all 1s ;
}
.changpian{
    width: 300px;
    height: 300px;
    background-image: url("../images/a_6.png");
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%;
    box-shadow: 0 0 5px 5px white;
    position: absolute;
    left: 50%;
    margin-left: -400px;
    margin-top: 70px;
}
.changpian img{
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    margin-left: -100px;
    top:50%;
    margin-top: -100px;
    border-radius: 50%;
    transition: all 6s linear;
}
.cssfacerotate{
    animation: facerotate 6s infinite linear;
}
@keyframes facerotate {
    from{transform: rotate(0deg);}
    to{transform: rotate(360deg);}
}
.barrotate{
    transform: rotate(0deg);
}
.musiclrcbox{
    width: 450px;
    height: 100%;
    background-color: rgba(170, 170, 170, 0.33);
    position: absolute;
    left: 50%;
}
.close{
    width: 35px;
    height: 25px;
    border:1px solid rgb(222,222,222);
    border-radius: 3px;
    position: absolute;
    left: 50%;
    margin-left: 470px;
    background-image: url("../images/ico_close.png");
    background-repeat: no-repeat;
    background-position: center;
    top:30px;
    background-color: rgb(249,249,249);
    cursor: pointer;
}